<#import "/manage/tpl/pageTep.ftl" as page>
<@page.pageBase currentMenu="会员管理">
	<#--<form action="${basepath}/manage/account" method="post" theme="simple">-->
		<#--<div class="table-responsive">-->
		<#--<table class="table table-bordered">-->
			<#--<tr>-->
				<#--<td style="text-align: right;" nowrap="nowrap">账号</td>-->
				<#--<td style="text-align: left;"><input type="text" value="${e.account!""}" name="account"  class="search-query input-small"-->
						<#--id="account" /></td>-->
				<#--<td style="text-align: right;" nowrap="nowrap">昵称</td>-->
				<#--<td style="text-align: left;"><input type="text" value="${e.nickname!""}" name="nickname" class="input-small"-->
						<#--id="nickname" /></td>-->
				<#--<td style="text-align: right;" nowrap="nowrap">会员等级</td>-->
				<#--<td style="text-align: left;">-->
					<#--<#assign map = {'':'','R1':'普通会员','R2':'铜牌会员','R3':'银牌会员','R4':'金牌会员','R5':'钻石会员'}>-->
                    <#--<select id="rank" name="rank" class="input-medium">-->
						<#--<#list map?keys as key>-->
                            <#--<option value="${key}" <#if e.rank?? && e.rank==key>selected="selected" </#if>>${map[key]}</option>-->
						<#--</#list>-->
                    <#--</select>-->
				<#--<td style="text-align: right;" nowrap="nowrap">状态</td>-->
				<#--<td style="text-align: left;">-->
					<#--<#assign map = {'':'','y':'已冻结','n':'未冻结'}>-->
                    <#--<select id="freeze" name="freeze" class="input-medium">-->
						<#--<#list map?keys as key>-->
                            <#--<option value="${key}" <#if e.freeze?? && e.freeze==key>selected="selected" </#if>>${map[key]}</option>-->
						<#--</#list>-->
                    <#--</select>-->
				<#--</td>-->
				<#--<td style="text-align: right;" nowrap="nowrap">注册日期</td>-->
				<#--<td style="text-align: left;" colspan="3" nowrap="nowrap">-->
					<#--<input id="d4311" class="Wdate search-query input-small" type="text" name="startDate"-->
					<#--value="${e.startDate!""}"-->
					<#--onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4312\')||\'2020-10-01\'}'})"/>-->
					<#--~ -->
					<#--<input id="d4312" class="Wdate search-query input-small" type="text" name="endDate"-->
					<#--value="${e.endDate!""}"-->
					<#--onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d4311\')}',maxDate:'2020-10-01'})"/>-->
						<#--</td>-->
			<#--</tr>-->
			<#--<tr>-->
				<#--<td colspan="28">-->
					<#--<button method="selectList" class="btn btn-primary" onclick="selectList(this)">-->
						<#--<i class="icon-search icon-white"></i> 查询-->
					<#--</button>-->
				<#--</td>-->
			<#--</tr>-->
		<#--</table>-->
        <#--</div>-->
		<#--<div class="table-responsive">-->
		<#--<table class="table table-hover">-->
			<#--<tr style="background-color: #dff0d8">-->
				<#--<th width="20"><input type="checkbox" id="firstCheckbox" /></th>-->
				<#--<th nowrap="nowrap">登陆方式</th>-->
				<#--<th nowrap="nowrap">帐号</th>-->
				<#--<th nowrap="nowrap">昵称</th>-->
				<#--<th nowrap="nowrap">会员等级</th>-->
				<#--<th nowrap="nowrap">邮箱</th>-->
				<#--<th nowrap="nowrap">注册日期</th>-->
				<#--<th nowrap="nowrap">最后登录时间</th>-->
				<#--<th nowrap="nowrap">最后登录IP</th>-->
				<#--<th nowrap="nowrap">是否冻结</th>-->
				<#--<th nowrap="nowrap">操作</th>-->
			<#--</tr>-->
			<#--<#list pager.list as item>-->
				<#--<tr>-->
					<#--<td><input type="checkbox" name="ids"-->
						<#--value="${item.id!""}"</td>-->
					<#--<td nowrap="nowrap" align="center">-->
						<#--<#if item.accountType??&&item.accountType=="qq">-->
							<#--<img alt="" src="${basepath}/resource/images/mini_qqLogin.png">-->
						<#--<#elseif  item.accountType??&&item.accountType=="sinawb">-->
							<#--<img alt="" src="${basepath}/resource/images/mini_sinaWeibo.png">-->
						<#--<#elseif item.accountType??&&item.accountType=="alipay">-->
							<#--<span class="badge badge-warning">alipay</span>-->
						<#--<#else>-->
							<#--<span class="badge badge-warning">${systemSetting().systemCode}</span>-->
						<#--</#if>-->
					<#--</td>-->
					<#--<td nowrap="nowrap">-->
						<#--&nbsp;${item.account!""}-->
					<#--</td>-->
					<#--<td nowrap="nowrap">&nbsp;${item.nickname!""}</td>-->
					<#--<td nowrap="nowrap">&nbsp;${item.rankName!""}</td>-->
					<#--<td nowrap="nowrap">&nbsp;${item.email!""}</td>-->
					<#--<td nowrap="nowrap">&nbsp;${item.regeistDate!""}</td>-->
					<#--<td nowrap="nowrap">&nbsp;${item.lastLoginTime!""}</td>-->
					<#--<td nowrap="nowrap">&nbsp;${item.lastLoginIp!""}</td>-->
					<#--<td nowrap="nowrap">&nbsp;-->
						<#--<#if item.freeze?? && item.freeze=="y">-->
							<#--<img alt="" src="${basepath}/resource/images/login.gif">-->
						<#--<#elseif item.freeze?? && item.freeze=="n">-->
							<#---->
						<#--<#else>-->
							<#--异常-->
						<#--</#if>-->
					<#--</td>-->

					<#--<td nowrap="nowrap">-->
						<#--<a target="_blank" href="show?account=${item.account!""}">查看</a>-->
						<#--<a href="toFreeze?id=${item.id!""}">冻结</a>-->
					<#--</td>-->
				<#--</tr>-->
			<#--</#list>-->
			<#--<tr>-->
				<#--<td colspan="16" style="text-align: center;">-->
					<#--<#include "/manage/system/pager.ftl"/></td>-->
			<#--</tr>-->
		<#--</table>-->
        <#--</div>-->
	<#--</form>-->
<#--<script type="text/javascript">-->
	<#--$(function() {-->
		<#--function c1(f) {-->
			<#--$(":checkbox").each(function() {-->
				<#--$(this).attr("checked", f);-->
			<#--});-->
		<#--}-->
		<#--$("#firstCheckbox").click(function() {-->
			<#--if ($(this).attr("checked")) {-->
				<#--c1(true);-->
			<#--} else {-->
				<#--c1(false);-->
			<#--}-->
		<#--});-->

	<#--});-->
	<#--function deleteSelect() {-->
		<#--if ($("input:checked").size() == 0) {-->
			<#--return false;-->
		<#--}-->
		<#--return confirm("确定删除选择的记录?");-->
	<#--}-->
</script>

<form id="searchForm" class="form-panel">
    <ul class="panel-content">
        <li>
            <div class="control-group span8">
                <label class="control-label">帐号：</label>
                <div class="controls">
                  <input type="text" name="account"  value="${e.account!""}">
                </div>
            </div>
            <div class="control-group span8">
                <label class="control-label">昵称：</label>
                <div class="controls">
                	<input type="text" name="nickname"  value="${e.nickname!""}">
                </div>
            </div> 
            <div class="control-group span8">
                <label class="control-label">状态：</label>
                <div class="controls">
                    <select name="freeze" class="input-normal">
                        <option value="">全部</option>
                        <option value="y">已冻结</option>
                        <option value="n">未冻结</option>
                    </select>
                </div>
            </div>          
        </li>
        <li>
        	<div class="control-group span8">
                <label class="control-label">会员等级：</label>
                <div class="controls">
                    <select name="rank" class="input-normal">
                        <option value="">全部</option>
                        <option value="R1">普通会员</option>
                        <option value="R2">铜牌会员</option>
                         <option value="R3">银牌会员</option>
                        <option value="R4">金牌会员</option>
                         <option value="R5">钻石会员</option>
                    </select>
                </div>
            </div> 
            <div class="control-group span10">
              <label class="control-label">注册日期：</label>
              <div class="controls bui-form-group" data-rules="{dateRange : true}">
                <input name="startDate"  class="input-small calendar" type="text">
                <label>&nbsp;-&nbsp;</label>
                <input name="endtDate"  class="input-small calendar" type="text">
              </div>
            </div>
            <div class="form-actions span6">
                <button   type="submit" class="button  button-primary"  >
                    查询
                </button>
            </div>
        </li>

    </ul>
</form>
<div id="grid"></div>

<script>
    var Grid = BUI.Grid,
            Store = BUI.Data.Store,
            columns = [
                {title : '登陆方式',dataIndex :'accountType', width:100},
                {title : '帐号',dataIndex :'account', width:100},
                {title : '昵称',dataIndex : 'nickname',width:100},
                {title : '会员等级',dataIndex : 'rankName',width:100},
                {title : '邮箱',dataIndex : 'email',width:100},
                {title : '注册日期',dataIndex : 'regeistDate',width:100},
                {title : '最后登录时间',dataIndex : 'lastLoginTime',width:100},
                {title : '最后登录IP',dataIndex : 'lastLoginIp',width:100},
                {title : '是否冻结',dataIndex : 'freeze',width:30, renderer:function(data){
                    if(data == "y"){
                        return '<img src="${basepath}/resource/images/login.gif">';
                    } else {
                        return '';
                    }
                }},
                {title : '操作',dataIndex : 'id',width:80,renderer : function (value) {

					<#if checkPrivilege("/manage/user/edit")>
                        return '<a href="${basepath}/manage/account/toFreeze?id=' + value + '">冻结</a>';
					<#else>
                        return "";
					</#if>


                }}
            ];

    var form = new BUI.Form.HForm({
        srcNode : '#searchForm'
    }).render();
    var params=form.serializeToObject();
    params.length='10';
    form.on('beforesubmit',function(ev) {
        var obj = form.serializeToObject();
        obj.start = 0; //返回第一页
        store.load(obj);
        return false;
    });
    var store = new Store({
                url : 'loadData',
                autoLoad:true, //自动加载数据
                params : params,
                pageSize:10,	// 配置分页数目
                root : 'list',
                totalProperty : 'total'
            }),
            grid = new Grid.Grid({
                render:'#grid',
                columns : columns,
                loadMask: true, //加载数据时显示屏蔽层
                store: store,
                plugins : [Grid.Plugins.CheckSelection], // 插件形式引入多选表格

                // 底部工具栏
                bbar:{
                    pagingBar:true
                }
            });

	grid.on("aftershow",function(e){
		//万恶的json导致菜单栏高度问题
        $(".dl-second-nav").css("height",$(".dl-inner-tab").css("height"));
	});
    grid.render();
   

    /**
     * 删除选中的记录
     */
    function delFunction(){
        var selections = grid.getSelection();
        var ids=new Array();
        for(var i=0;i<selections.length;i++){
            ids[i]=selections[i].id.toString()
        }
        $.ajax({
            type: "POST",
            url: "${basepath}/manage/account/deletesJson",
            dataType: "json",
            data: {
                ids:ids
            },
            success: function (data) {
                var obj = form.serializeToObject();
                obj.start = 0; //返回第一页
                store.load(obj);
            }
        });

    }

</script>


</@page.pageBase>